<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>★后台管理★</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

</head>
<style>
	body {
		background-image: url("/static/img/background.jpg");
	}
    div.simpleLogo{
        padding: 32px 0px;
    }
    img.loginBackgroundImg{
        display: block;
        margin: 0px auto;
        width: 1440px;
        height: 710px;
    }
    div.loginSmallDiv{
        background-color: white;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 350px;
        height: 400px;
        padding: 20px 25px 50px 25px;
    }
    div.loginSmallDiv .logo{text-align: center;padding:20px 0;}
    div.loginSmallDiv .logo img{height:40px;}
    div.login_acount_text{
        color: #3C3C3C;
        font-size: 16px;
        font-weight: bold;
    }
    div.loginInput{
        border: 1px solid #CBCBCB;
        margin: 20px 0px;
    }
    div.loginInput span.loginInputIcon{
        margin: 0px;
        background-color: #CBCBCB;
        width: 40px;
        height: 40px;
        display:inline-block;
    }
    span.loginInputIcon span.glyphicon{
        font-size: 22px;
        position: relative;
        left: 9px;
        top: 9px;
        color: #606060;
    }
    div.loginInput input{
        display: inline-block;
        border: 0px solid transparent;
        width: 244px;
        height: 30px;
        position: relative;
        left: 6px;
        top: 6px;
    }
    body{
        font-size: 12px;
        font-family: Arial;
    }
    a{
        color:#999;
    }
    a:hover{
        text-decoration:none;
        color: #C40000;
    }
    button.redButton{
        color: white;
        background-color: #C40000;
        font-size: 14px;
        font-weight: bold;
    }
</style>
<body>

<form method="post" action="/user/login">
<div id="loginDiv">
    <!--<div class="simpleLogo">
        <img src="https://how2j.cn/tmall/img/site/simpleLogo.png">
    </div>-->
<!--    <img th:src="@{/img/b.jpg}" class="loginBackgroundImg" id="loginBackgroundImg">-->
    <div class="loginSmallDiv" id="loginSmallDiv">

        <div class="logo">
            <img src="/static/img/logo.png" alt="">
        </div>
        <div class="login_acount_text">后台管理</div>
        <div class="loginInput ">
				<span class="loginInputIcon ">
					<span class=" glyphicon glyphicon-user"></span>
				</span>
            <input type="text" placeholder="手机/会员名/邮箱" required name="account" id="account">
        </div>
        <div class="loginInput ">
			<span class="loginInputIcon ">
				<span class=" glyphicon glyphicon-lock"></span>
			</span>
            <input type="password" placeholder="密码" required name="password" id="password">
        </div>
        <div style="text-align: center">
            <span th:text="${flag}" style="color: red"></span>
        </div>

        <div style="margin-top:20px">
            <button type="submit" class="btn btn-block redButton">登录</button>
        </div>

    </div>
</div>
</form>
</body>
</html>
